<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>

    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta charset="UTF-8">
    <meta name="description" content="Admin Dashboard Template" />
    <meta name="keywords" content="admin,dashboard" />
    <meta name="author" content="Steelcoders" />

    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/waves/waves.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/3d-bold-navigation/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>

    <!-- Theme Styles -->
    <link href="../assets/css/modern.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/themes/green.css" class="theme-color" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <script src="../assets/plugins/jquery/jquery-2.1.4.min.js"></script>
    <script src="../assets/plugins/jquery-ui/jquery-ui.min.js"></script>

</head>
<body>
<main class="page-content content-wrap">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="sidebar-pusher">
                <a class="waves-effect waves-button waves-classic push-sidebar" href="javascript:void(0);">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
            <div class="logo-box">
                <a class="logo-text" href="index.html"><span></span></a>
            </div><!-- Logo Box -->
            <div class="search-button">
                <a class="waves-effect waves-button waves-classic show-search" href="javascript:void(0);"><i class="fa fa-search"></i></a>
            </div>
            <div class="topmenu-outer">
                <div class="top-menu">

                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a class="waves-effect waves-button waves-classic show-search" href="javascript:void(0);"><i class="fa fa-search"></i></a>
                        </li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle waves-effect waves-button waves-classic" href="#">
                                <span class="user-name">用户名</span>
                                <img width="40" height="40" alt="" src="../assets/images/avatar1.png" class="img-circle avatar">
                            </a>

                        </li>
                        <li>
                            <a class="log-out waves-effect waves-button waves-classic" href="login.html">
                                <span><i class="fa fa-sign-out m-r-xs"></i>Log out</span>
                            </a>
                        </li>

                    </ul><!-- Nav -->
                </div><!-- Top Menu -->
            </div>
        </div>
    </div><!-- Navbar -->
    <div class="page-sidebar sidebar">
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100%;"><div class="page-sidebar-inner slimscroll" style="overflow: hidden; width: auto; height: 100%;">

            <ul class="menu accordion-menu">
                <li ><a class="waves-effect waves-button" href="/main-page"><span class="menu-icon glyphicon glyphicon-home"></span><p>首页</p></a></li>
                <li class="droplink active open"><a class="waves-effect waves-button" href="/user/management"><span class="menu-icon glyphicon glyphicon-user"></span><p>人员汇总</p><span class="arrow"></span></a>
                    <ul class="sub-menu" style="display: block;">
                        <li ><a href="/user/management">人员汇总</a></li>
                        <li class="active"><a href="/user/add">新增人员</a></li>
                    </ul>
                </li>
                <li class="droplink">
                    <a class="waves-effect waves-button" href="#">
                        <span class="menu-icon glyphicon glyphicon-envelope"></span><p>邮件</p><span class="arrow"></span></a>
                    <ul class="sub-menu" style="display: none;">
                        <li><a href="">全部邮件组</a></li>
                        <li><a href="">新建邮件组</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        </div><!-- Page Sidebar Inner -->
    </div><!-- Page Sidebar -->
    <div class="page-inner" style="min-height:1088px !important">

        <div id="main-wrapper">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-white">
                        <div class="panel-heading clearfix">
                            <h4 class="panel-title">新增人员</h4>
                        </div>
                        <div class="panel-body">
                            <form class="form-horizontal">
                                <div class="form-group" id="namediv">
                                    <label class="col-sm-2 control-label"><span>*</span>姓名</label>
                                    <div class="col-sm-6">
                                        <input type="" placeholder="姓名"  class="form-control" id="name" />
                                        <em id="allow-id"></em>
                                    </div>
                                    <p class="help-block" style="display: none" id="namedd">*用户已存在</p>
                                    <p class="help-block" style="display: none" id="nameddd">*用户名不能为空</p>
                                </div>
                                <div class="form-group" id="emaildiv">
                                    <label class="col-sm-2 control-label"><span>*</span>Email</label>
                                    <div class="col-sm-6">
                                        <input type="email" placeholder="Email" id="email" class="form-control" />
                                    </div>
                                    <p class="help-block" style="display: none" id="emailddd">*联系方式不饿能为空</p>
                                </div>
                                <div class="form-group" id="phonediv">
                                    <label class="col-sm-2 control-label"><span>*</span>电话</label>
                                    <div class="col-sm-6">
                                        <input type="tel" placeholder="联系方式"  class="form-control" id="phone" />

                                    </div>
                                    <p class="help-block" style="display: none" id="phoneddd">*联系方式不饿能为空</p>
                                </div>
                                <div class="form-group" id="passdiv">
                                    <label class="col-sm-2 control-label"><span>*</span>密码</label>
                                    <div class="col-sm-6">
                                        <input type="password" placeholder="密码"  class="form-control" id="password" />

                                    </div>
                                    <p class="help-block" style="display: none" id="passddd">*密码不能为空</p>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label"><span>*</span>权限</label>
                                    <div class="col-sm-6">
                                        <select class="form-control m-b-sm" id="power">
                                            <option>2</option>

                                        </select>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">邮件组</label>
                                    <div class="col-sm-6">
                                        <select class="form-control m-b-sm" id="email_group">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                        </select>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-6">
                                        <button class="btn btn-success" type="button" onclick="tianjia()">添加</button>
                                        <button class="btn " type="button" href="main-page">返回</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div><!-- Main Wrapper -->

    </div><!-- Page Inner -->
</main>
<script type="text/javascript" src="../assets/js/employee-add.js"></script>
</body>
</html>